<template>
	<view class="currentOrderProduct">
		<view class="currentOrderProduct_title">
			商品信息
		</view>
		<view class="currentOrderProduct_card">
			<view class="currentOrderProduct_card_pic">
				<image src="https://static-cse.canva.cn/blob/42222/%E4%B8%80%E5%BC%A0%E5%8A%9F%E5%A4%AB%E8%8C%B6%E5%9B%BE%E7%89%87%E8%83%8C%E5%90%8E%EF%BC%8C%E6%98%AF%E6%B3%A1%E5%88%B6%E8%BF%87%E7%A8%8B%E7%9A%84%E4%B8%93%E6%B3%A8%E4%B8%8E%E7%94%A8%E5%BF%83-7.jpeg"
				 mode="widthFix"></image>
			</view>
			<view class="currentOrderProduct_card_context">
				<view class="currentOrderProduct_card_context_title">
					测试
				</view>
				<view class="currentOrderProduct_card_context_brief">
					测试一下测试一下测试一下测试一下
				</view>
			</view>
			<view class="currentOrderProduct_card_price">
				120.00
			</view>
		</view>
		<view class="currentOrderProduct_baseMsg">
			<view class="currentOrderProduct_baseMsg_orderId">
				<view class="currentOrderProduct_baseMsg_title">
					订单编号：
				</view>
				<view class="currentOrderProduct_baseMsg_context">
					1568742456505520195
				</view>
			</view>
			<view class="currentOrderProduct_baseMsg_nums">
				<view class="currentOrderProduct_baseMsg_title">
					购买数量：
				</view>
				<view class="currentOrderProduct_baseMsg_context">
					2
				</view>
			</view>
			<view class="currentOrderProduct_baseMsg_consume">
				<view class="currentOrderProduct_baseMsg_title">
					实付款：
				</view>
				<view class="currentOrderProduct_baseMsg_context" :style="{
					color:'red'
				}">
					238.00
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		
	}
</script>

<style lang="less">
	.currentOrderProduct{
		width: 98%;
		margin: 1rem auto;
		border-radius: 1rem;
		box-sizing: border-box;
		padding: 1rem;
		.currentOrderProduct_title{
			font-size: 1.1rem;
			font-weight: 600;
		}
		.currentOrderProduct_card{
			display: flex;
			justify-content: space-between;
			width: 100%;
			margin: .8rem 0;
			.currentOrderProduct_card_pic{
				width: 11rem;
				display: flex;
				justify-content: center;
				align-items: center;
				image{
					width: 100%;
				}
			}
			.currentOrderProduct_card_context{
				box-sizing: border-box;
				padding: .5rem;
				.currentOrderProduct_card_context_title{
					font-style: 1.5rem;
					margin: .2rem 0;
				}
				.currentOrderProduct_card_context_brief{
					color: #333;
					font-size:.8rem;
				}
			}
			.currentOrderProduct_card_price{
				box-sizing: border-box;
				padding: .5rem;
			}
		}
		.currentOrderProduct_baseMsg{
			width: 100%;
			.currentOrderProduct_baseMsg_orderId,.currentOrderProduct_baseMsg_nums,.currentOrderProduct_baseMsg_consume{
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin: .5rem 0;
				.currentOrderProduct_baseMsg_context{
					color: #555;
				}
			}
		}
	}
</style>